<template>
  <div class="home">
    <my-head></my-head>
    <div id="body" class="f-fs-s">
      <my-side id="side"></my-side>
      <div id="main">
        <router-view/>
      </div>
    </div>
  </div>
</template>
<script>
import MyHead from "../components/section/MyHead.vue";
import MySide from "../components/section/MySide.vue";
import InitTable from "../components/section/InitTable.vue";
export default {
  name: "home",
  components: { MyHead, MySide, InitTable },
  data() {
    return {
    };
  },
  methods: {
  },
  mounted() {
  },
};
</script>
<style lang="scss" scoped>
#body {
  overflow: auto;
  height: calc(100vh - 90px);
}
#side{

}
#main{
  flex-grow: 1;
  height: 100%;
  padding: 15px;
  box-sizing: border-box;
  overflow: auto;
}
</style>
